<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /* 类选择器的格式，.class的名称{}
            好处，可以多个标签归类，是同一个class，可以复用（不管你是h还是p）

         */
        .class1{
            color:#3748ff;
        }
        .class2{
            color:#a24fff;
        }
        .class3{
            color:#98a4ff;
        }
    </style>

</head>
<body>
    <h1 class="class1">标题1</h1>
    <h1 class="class2">标题2</h1>
    <h1 class="class3">标题3</h1>

    <p class="class1">P标签</p>
</body>
</html>